<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:composition template="/WEB-INF/content/layout.xhtml">
        <ui:define name="style">
<style>

</style>
        </ui:define>
        <ui:define name="script">

<script src="/content/sort.js" />

        </ui:define>
        <ui:define name="title">${msg['menu.client.sort']}</ui:define>
        <ui:define name="content">

<input id="size" type="range" min="0" max="100000" onchange="setSize()" />

<p id="time" />
<p id="valid" />

<select id="method" onchange="sort();">
    <option value="">-- Sort Method --</option>
    <option value="bubble">Bubble Sort</option>
    <option value="insert">Insertion Sort</option>
    <option value="select">Selection Sort</option>
    <option value="quick">Quick Sort</option>
    <option value="merge">Merge Sort</option>
    <option value="heap">Heap Sort</option>
    <option value="internal">JavaScript Sort</option>
</select>

<p id="numbers" />

        </ui:define>
    </ui:composition>

</html>
